<template>
  <div class="autoCheckBox">
      <span class="masking"></span>
      <div v-if='' class="autoCheckBoxPanel">
        <span v-if='autoCheckBoxLeft'>{{autocheckbox_text}}</span>
        <input v-model='autocheckbox_statue' type="checkbox" />
        <span v-if='autoCheckBoxRight'>{{autocheckbox_text}}</span>
      </div>
  </div>
</template>

<script type="text/javascript">
  export default {
    name:'autoCheckBox',
    props:['autocheckbox_statue','autocheckbox_text','autocheckbox_direction'],
    computed:{
      autoCheckBoxLeft:function(){
        return this.autocheckbox_direction == "left"
      },
      autoCheckBoxRight:function(){
        return this.autocheckbox_direction == "right"
      }
    }
  }
</script>
